<template>
	<div>
		<h1>
			demo3
		</h1>
		<democomp></democomp>
		<anchored-heading :level="2">
			Hello你好 world世界!
		</anchored-heading>
		<many-p></many-p>
		<div>热更新老是出错什么问题呢</div>
	</div>
</template>
<script type="text/javascript">
	export default {
		data(){
			return{

			}
		},
		methods:{
			
		},
		beforeRouteEnter(to, from, next) {
		 next(vm => {
		  /*
		  如果 to.meta.savedPosition === undefined 说明是刷新页面或可以叫第一次进入页面 需要刷新数据
		  如果savedPosition === null, 那么说明是点击了导航链接;
		  此时需要刷新数据，获取新的列表内容。
		  否则的话 什么都不做，直接使用 keep-alive中的缓存
		  */
		  if (to.meta.savedPosition === undefined) {
		  	// ==undefined 说明是刷新页面或者第一次进入页面
		  	console.log("to.meta.savedPosition")
		     console.log(to.meta.savedPosition)
		     console.log("to.meta.savedPosition")
		  }
		  if (to.meta.savedPosition === null) {
		  	// == null 说明是通过导航衔接进入此页面的
		  	console.log("to.meta.savedPosition")
		     console.log(to.meta.savedPosition)
		     console.log("to.meta.savedPosition")
		  }
            //其他的就是通过浏览器原生返回按钮进入页面的
		 })
		}
	}
</script>
<style type="text/css">
	
</style>